<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>ZoomPane demo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body>
    <a href="http://www.geotoolkit.org/"><img src="http://www.geotoolkit.org/images/logos/Geotoolkit-banner.png"></a><br>
    <a href="../../index.html">Back to demo index</a>
    <h1>ZoomPane demo</h1>
    <p>This demo illustrates the use of the <code>ZoomPane</code> widget by
       drawing a triangle and a box and placing the widget in an applet. The <code>ZoomPane</code>
       widget manages an <cite>Affine Transform</cite> common to all <code>java.awt.Shape</code>
       objects in the scene, thereby enabling the joint scaling, translation and rotation of all
       painted objects.</p>

    <table cellpadding="6">
      <tr>
        <th nowrap align="left" valign="top">Widget javadoc:</th>
        <td><code><a href="../../../apidocs/org/geotoolkit/gui/swing/ZoomPane.html">ZoomPane</a></code></td>
      </tr>
      <tr>
        <th nowrap align="left" valign="top">How to use:</th>
        <td>Use the keyboard (<cite>Page Up</cite> or <cite>Page Down</cite>) or the mouse wheel
            for zooming. Use the scrollbars or the keyboard for translating. Right click and
            select the "<cite>Show magnifier</cite>" option for testing the magnifier.</td>
      </tr>
      <tr>
        <th nowrap align="left" valign="top">How to make your own:</th>
        <td>In order to provide useful content, developers need to create a derived class of
        <code>ZoomPane</code> and define the <code>paintComponent(Graphics2D)</code> method.
        This demo applet defines the above method to paint a triangle and a box.</td>
      </tr>
      <tr>
        <th nowrap align="left" valign="top">Prerequites:</th>
        <td><ul>
          <li>Java 6</li>
          <li>Firefox 3 on Linux or Windows, or Internet Explorer on Windows
          (there is known issues with Safari, Opera and Firefox on MacOS)</li>
        </ul></td>
      </tr>
    </table>
    <p>&nbsp;</p>
    <table align="center" border="1"><tr><td width="400" height="400">
    <script src="http://www.java.com/js/deployJava.js"></script>
    <script>
      var attributes = {width:400, height:400};
      var parameters = {jnlp_href: 'ZoomPane.jnlp'};
      deployJava.runApplet(attributes, parameters, '1.6');
    </script>
    </td></tr></table>
  </body>
</html>
